<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="css/huregister.css">
    <link rel="stylesheet"  href="css/swiper.min.css">
    <link rel="stylesheet"  href="css/fudong.css">
</head>
<body>

<div  class="head">

</div>
<div  id="hucontain">
     <div>
         <div>
             <div><div></div>  <div>注册信息填写</div> <div></div> </div>
             <div>请如实填写您和孩子的真实资料，以便老师更好的进行因材施教</div>
         </div>
         <div class="huregister">
                 <div><div  class="hangs"><img  :src="webhongxing" /><span>家长信息</span></div></div>
                 <div><div>家长姓名:</div><input  value=""  placeholder="请填写真实姓名" /></div>
             <div><div>家长联系电话:</div><input  value=""  placeholder="请填写联系电话" /></div>
             <div><div>登录密码:</div><input  value=""  placeholder="请填写登录密码" /></div>
             <div><div>家庭住址:</div><input  value=""  placeholder="请填写真实家庭住址" /></div>
             <div><div  class="hangs"><img  :src="webhongxing" /><span>孩子信息</span></div></div>
             <div><div>孩子姓名:</div><input  value=""  placeholder="请填写孩子真实姓名" /></div>
             <div><div>性别:</div><div>
                 <label><input type="radio" name="sex" value=""><span>男生</span></label>
                 <label><input type="radio" name="sex" value=""><span>女生</span></label>
             </div></div>
             <div><div>出生年月:</div><input  type="date"   /></div>
             <div  class="yihai"><div>孩子头像上传:</div>
                 <span class="fileinput-button">
                 <img  :src="jia" />
                 <input type="file"    />
                 </span></div>

             <div><div>学习状况描述:</div><textarea  value=""  placeholder="请简述孩子的学习状况" ></textarea></div>
             <div><div>身体状况描述:</div><textarea  value=""  placeholder="请简述孩子的身体状况" ></textarea></div>
             <div><div></div><input  readonly="readonly" value="立即注册"  /></div>
         </div>
     </div>
</div>


<div  class="dibussss"></div>
</body>
<script  src="js/jquery.3.3.1.min.js"></script>
<script src="js/swiper.min.js"></script>
<script  src="js/vue.js"></script>
<script  type="text/javascript">


    $(document).ready(function () {
        $(".head").load("head.html")
        $(".fudongd").load("fudong.html")
        $(".dibussss").load("dibu.html")
    })

    window.onload = function() {
        var mySwiper = new Swiper ('.swiper-container', {
            direction: 'horizontal', // 垂直切换选项
            loop: true, // 循环模式选项
            autoplay:true,

            // 如果需要分页器
            pagination: {
                el: '.swiper-pagination',
            },
        });

        var mySwiper1 = new Swiper ('.swiper-container2', {
            direction: 'vertical', // 垂直切换选项
            slidesPerView : 2,   // 设置每个模块数量
            spaceBetween : 10, //设置间距
            autoplay:true,
            loop:true,
            // 如果需要前进后退按钮
            navigation: {
                nextEl: '.swiper-button-next',
                prevEl: '.swiper-button-prev',
            },
            loop: true, // 循环模式选项
        });

    }

    new Vue({
        el:"#hucontain",
        data:{
            webhongxing:"http://bzt.cybwnt.com/uploads/zhongxue/webhongxing.png",
            jia:" http://bzt.cybwnt.com/uploads/zhongxue/jiajia.png",
            // indexs:1,  //导航栏下标
            // state:true,  //判断是否登录
            // haizis:["胡杰","胡杰1"],
            // webmorentou:"http://bzt.cybwnt.com/uploads/zhongxue/webmytouxiang.png",
            // wclass:{src:"http://bzt.cybwnt.com/uploads/zhongxue/webzxkc.png",title:"四年级趣味英语入门精选课程",classs:"语文",banji:"2班",number:"30",money:"15000",ddta:"06月12日 - 12月30日",sdate:"周日16：00〜18：30",xiaoqu:"成都分校"},
            // haizs:[{src:"http://bzt.cybwnt.com/uploads/zhongxue/webmytouxiang.png",name:"李雪",sex:"男",age:"15"},{src:"http://bzt.cybwnt.com/uploads/zhongxue/webmytouxiang.png",name:"李雪",sex:"男",age:"15"},{src:"http://bzt.cybwnt.com/uploads/zhongxue/webmytouxiang.png",name:"李雪",sex:"男",age:"15"},],
            // guanggao:"http://bzt.cybwnt.com/uploads/zhongxue/webwangluojiao.png",
        },
        methods:{
            //点击导航栏
            hoverd:function ($event) {
                this.indexs=$event.target.getAttribute("index")
            },
        },



    })


</script>
</html>